<template>
	<view class="container" v-if="help_list">
		<view class="card pad-t-20" v-for="(item,index) in help_list" :key="index">
			<view class="title font-size-20">
				<!-- <text class="">{{index +1}}.</text> -->
				<text class=" font-bold">{{item.name}}</text>
			</view>
			<view class="card-list" v-if="item.info">
				<navigator
					:url="'/pages/help/detail?id='+info.id"
					class="card-list-item flex border-b-1 pad-l-20 pad-t-10 pad-b-10"
					v-for="(info ,i ) in item.info"
					:key="i"
				>
					<view class="flex-1 font-size-18 tq-text-line1">{{info.name}}</view>
					<view>
						<mk-icon :src="''" :height="12" :width="12"></mk-icon>
					</view>
				</navigator>
			</view>
		</view>
	</view>
</template>

<script>
import { helpList } from '@/utils/http'
export default {
	data() {
		return {
			help_list: ''
		}
	},
	methods: {
		getHelps() {
			helpList().then(res => {
				console.log(res)
				this.help_list = res
			})
		}
	},
	onLoad() {
		this.getHelps()
	}
}
</script>

<style scoped>
</style>